﻿@model IEnumerable<CourseInfo>
@{
    int rows = Model.Count() / 3;
}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    @Html.Partial("~/Views/Share/PublicHeader.cshtml")
</head>
<body>
    @Html.Partial("~/Views/Share/PublicTopNav.cshtml")
    <div class="container">
        <div class="row">
            <h1 class="topTitle-h1">康复治疗微课程网络学习平台<br>
                <small>广州中医药大学针灸康复临床医学院</small></h1>
        </div>
        <div class="row">
            @for (int i = 0; i < rows; i++)
            {
                <div class="row lBox mb10">
                    @if (i == 0)
                    {
                        <div class="col-xs-12">
                            <div class="th">
                                <em>课程简介</em>
                            </div>
                        </div>
                    }
                    @for (int j = 0; j < 3; j++)
                    {
                        <div class="col-xs-4">
                            <div class="ksBox">
                                <h3 class="ksBox-th"><a href="" class="blue" target="_blank">@Model.ElementAt(j+i*3).CourseName</a></h3>
                                <div class="ksBox-pic">
                                    <a class="aPicTxt" href="" target="_blank">
                                        <img src="@Model.ElementAt(j+i*3).ImageUrl" style="width:370px;height:260px" alt="">
                                        <i>干得好，更要说得好！</i>
                                    </a>
                                </div>
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#tab1" role="tab" data-toggle="tab">课程简介</a></li>
                                    <li role="presentation"><a href="#tab2" role="tab" data-toggle="tab">教师简介</a></li>
                                    <li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">课程目标</a></li>
                                    <li role="presentation"><a href="#tab4" role="tab" data-toggle="tab">实验目标</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active fade in" role="tabpanel" id="tab1">
                                         @Model.ElementAt(j+i*3).CourseIntro
                                        <div class="dBtn">
                                            <a href="" class="aBtn aBtn-Orange" target="_blank">查看更多&gt;&gt;</a>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" role="tabpanel" id="tab2">
                                        @Model.ElementAt(j+i*3).TeacherIntro
                                        <div class="dBtn">
                                            <a href="" class="aBtn aBtn-Orange" target="_blank">查看更多&gt;&gt;</a>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" role="tabpanel" id="tab3">
                                        @Model.ElementAt(j+i*3).CourseGoal
                                        <div class="dBtn">
                                            <a href="" class="aBtn aBtn-Orange" target="_blank">查看更多&gt;&gt;</a>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" role="tabpanel" id="tab4">
                                        @Model.ElementAt(j+i*3).ExperimentContent
                                        <div class="dBtn">
                                            <a href="" class="aBtn aBtn-Orange" target="_blank">查看更多&gt;&gt;</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    }


                </div>  
            }
        </div>
    </div>
    @Html.Partial("~/Views/Share/PublicFooter.cshtml")
    @Html.Partial("~/Views/Share/PublicCommonJs.cshtml")
</body>
</html>
